<template>
 <div class="main">
    <div class="menu">
        隐藏菜单
    </div>
    <div class="showMain">
      <div class="summary">
        <a >概述</a>
      </div>
      <div class="form1">
              <a class="text-1">已存证</a>
              <!-- <button class="btn1" > <i class="glyphicon glyphicon-plus"></i>新添存证</button> -->
              <el-button class="glyphicon glyphicon-plus btn1">新添存证</el-button>
              <span class="ex1">{{hascernum}}</span>
				      <span class="ex2">普通存证:{{ hascernum }}</span>
      </div>
      <div class="form2">
        <a class="text-1">已出证</a>
        <el-button class="glyphicon glyphicon-plus btn1" >新添存证</el-button>
        <span class="ex1">{{notcernum}}</span>
        <span class="ex2">普通存证:{{ notcernum }}</span>
      </div>
    </div>
  </div> 
</template>

<script>
export default {
    name:'main',
    data(){
      return{
          // 存证数量
          hascernum:0,
          notcernum:0,
      }
    }

}
</script>

<style>
 /* 存证主页 */
 .ex1{
			left: 37px;
			top: 89px;
			width: 21px;
			height: 22px;
			opacity: 1;
			/** 文本1 */
			font-size: 36px;
			font-weight: 400;
			letter-spacing: 0px;
			line-height: 22px;
			color: rgba(78, 79, 82, 1);
			text-align: left;
			vertical-align: top;
			position: absolute;
	}
.ex2{
	left: 30px;
	top: 142.46px;
	width: 77px;
	height: 22px;
	opacity: 1;
	/** 文本1 */
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 22px;
	color: rgba(155, 162, 171, 1);
	text-align: left;
	vertical-align: top;
	position: absolute;
}
</style>